
<html>
    <head>
        <title>Athletes</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    </head>
    <style>
        .navbar {
            background-color: black;
        }
        .navbar a {
            color: white !important;
        }
        .navbar a:hover {
            background-color: gray;
        }
		body {
            display: flex !important;
            flex-direction: column;
            min-height: 100vh;
            margin: 0;
            width: 100%;
            height: 100%;
        }
        .main {
            flex: 1;
			width: auto;
			background-image: url('/image/pingpang.jpg');
			background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center;
            display: flex;
            flex-direction: column;
            /* justify-content: center; */
            align-items: center;
            color: white;
            text-align: center;
            height: auto;
        }

		.content,.container {
            background-color: rgba(255, 255, 255, 0.8);
            padding: 30px;
            margin: 30px;
            border-radius: 8px;
            text-align: center;
            color: black;
            width: auto;
			height: auto;
        }

        .footer {
            background-color: black;
            padding: 20px 0;
            color: white;
			text-align: none;
        }
        .card-img-top {
            max-height: 500px;
            width: auto;
            height: auto;
        }

        .home{
            margin: auto;
        }
	</style>
    <body>
    <nav class="navbar navbar-expand-lg">
        <a class="navbar-brand" href="#">Athletes</a>
        <div class="collapse navbar-collapse">
            <ul class="navbar-nav mr-auto">
            <li class="nav-item">
                <a class="nav-link" href="http://dgpt4711.local/home">Home</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://dgpt4711.local/Athletes">Table tennis player</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://dgpt4711.local/Athletes/create">Create</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://dgpt4711.local/Info">Info</a>
            </ul>
        </div>
    </nav>
    <div class="main">

